<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购-正品低价、品质保障、配送及时、轻松购物！</title>
    <!-- 网站介绍 -->
    <meta name="description"
    content="品优购-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"/>
    <!-- 关键字 -->
    <meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"/>
    <!-- css初始化 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- ico 头标   切一张PNG图片，用比特虫转换成 ico文件   要放到网站根目录下-->
    <link rel="shortcut icon" href="favicon.ico" >
    <!-- 公共样式（头部，尾部） -->
    <link rel="stylesheet" href="css/comment.css">
    <!-- 列表页list.css -->
    <link rel="stylesheet" href="css/list.css">
</head>
<body>
    <!-- 快捷导航start -->
    <section>
        
        <div class="shortcut w">
            <!-- 左边盒子 -->
            <div class="lf">
                <ul>
                    <li>品优购欢迎你！&nbsp;</li>
                    <li><a href="#">请登录</a>&nbsp;<a href="#" class="style_red">免费注册</a></li>
                </ul>
            </div>
            <!-- 右边盒子 -->
            <div class="rf">
                <ul>
                    <li>我的订单</li>
                    <li></li>
                    <li class="arrow_ico">我的品优购</li>
                    <li></li>
                    <li>品优购会员</li>
                    <li></li>
                    <li>企业采购</li>
                    <li></li>
                    <li class="arrow_ico">关注品优购 </li>
                    <li></li>
                    <li class="arrow_ico">客户服务</li>
                    <li></li>
                    <li class="arrow_ico">网站导航</li>
                </ul>
            </div>

        </div>
        
    </section>
    <!-- 快捷导航end -->

    <!-- 头部区域start -->
    <header class="w">
        <!-- logo模块 -->
        <div class="logo">
            <h1>
                <a href="index.html" title="品优购">品优购</a>
            </h1>
        </div>
        <!-- 秒杀sk -->
        <div class="sk">
            <img src="images/秒杀 拷贝.png" alt="">
        </div>
        <!-- search 搜索模块 -->
        <div class="search">
            <input type="search" placeholder="语言开发">
            <button>搜索</button>
        </div>
        <!-- hotwords 热词模块 -->
        <div class="hotwords">
            <ul>
                <li class="style_red">优惠购首发</li>
                <li>亿元优惠</li>
                <li>9.9元团购</li>
                <li>美满99减30</li>
                <li>办公用品</li>
                <li>电脑</li>
                <li>通信 </li>
            </ul>
        </div>
        <!-- shopcar 右侧购物车 -->
        <div class="shopcar">
            我的购物车
            <i class="count">8</i>
        </div>
    </header>
    <!-- 头部区域end -->
    <!-- 导航栏nav 开始 -->
    <div class="w_box">
        <div class="nav w">
            <!-- 秒杀列表 左盒子 -->
            <section class="sk_list">
                <ul>
                    <li>品优秒杀</li>
                    <li>即将售罄</li>
                    <li>超值低价</li>
                </ul>
            </section>
            <!-- 秒杀内容 右盒子-->
            <section class="sk_cont">
                <ul>
                    <li><a href="#">女鞋</a></li>
                    <li><a href="#">男装</a></li>
                    <li><a href="#">男鞋</a></li>
                    <li><a href="#">母婴童装</a></li>
                    <li><a href="#">食品</a></li>
                    <li><a href="#">智能数码</a></li>
                    <li><a href="#">运动户外</a></li>
                    <li><a href="#">更多分类</a></li>
                </ul>
            </section>
        </div>

    </div>
    <!-- 导航栏nav 结束 -->

    <!-- 列表主体，sk_container -->
    <section class="sk_container w">
        <!-- 头 -->
        <div class="sk_container_hd">
            <img src="upload/正在抢购.png" alt="">
        </div>
        <!-- 体 -->
        <div class="sk_container_bd clearfix">
            <ul>
                <li><a href="#"><img src="upload/图层 7.png" alt=""></a>
                    <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>
                        ￥<i>6608</i>
                        <em>6999</em>
                    </span>
                    <!-- 进度条区 -->
                    <div class="rate">
                        <span class="rate_bfb">已售87%</span>
                        <span class="rate_strip"><i></i></span>
                        <span class="surplus_num">剩余29件</span>
                    </div>
                    <div class="buy_now"><a href="#">立即抢购</a></div>   
                </li>
                <li><a href="#"><img src="upload/图层 7.png" alt=""></a>
                    <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>
                        ￥<i>6608</i>
                        <em>6999</em>
                    </span>
                    <!-- 进度条区 -->
                    <div class="rate">
                        <span class="rate_bfb">已售87%</span>
                        <span class="rate_strip"><i></i></span>
                        <span class="surplus_num">剩余29件</span>
                    </div>
                    <div class="buy_now"><a href="#">立即抢购</a></div>   
                </li>
                <li><a href="#"><img src="upload/图层 7.png" alt=""></a>
                    <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>
                        ￥<i>6608</i>
                        <em>6999</em>
                    </span>
                    <!-- 进度条区 -->
                    <div class="rate">
                        <span class="rate_bfb">已售87%</span>
                        <span class="rate_strip"><i></i></span>
                        <span class="surplus_num">剩余29件</span>
                    </div>
                    <div class="buy_now"><a href="#">立即抢购</a></div>   
                </li>
                <li><a href="#"><img src="upload/图层 7.png" alt=""></a>
                    <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>
                        ￥<i>6608</i>
                        <em>6999</em>
                    </span>
                    <!-- 进度条区 -->
                    <div class="rate">
                        <span class="rate_bfb">已售87%</span>
                        <span class="rate_strip"><i></i></span>
                        <span class="surplus_num">剩余29件</span>
                    </div>
                    <div class="buy_now"><a href="#">立即抢购</a></div>   
                </li>
                <li><a href="#"><img src="upload/图层 7.png" alt=""></a>
                    <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>
                        ￥<i>6608</i>
                        <em>6999</em>
                    </span>
                    <!-- 进度条区 -->
                    <div class="rate">
                        <span class="rate_bfb">已售87%</span>
                        <span class="rate_strip"><i></i></span>
                        <span class="surplus_num">剩余29件</span>
                    </div>
                    <div class="buy_now"><a href="#">立即抢购</a></div>   
                </li>
                <li><a href="#"><img src="upload/图层 7.png" alt=""></a>
                    <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>
                        ￥<i>6608</i>
                        <em>6999</em>
                    </span>
                    <!-- 进度条区 -->
                    <div class="rate">
                        <span class="rate_bfb">已售87%</span>
                        <span class="rate_strip"><i></i></span>
                        <span class="surplus_num">剩余29件</span>
                    </div>
                    <div class="buy_now"><a href="#">立即抢购</a></div>   
                </li>
                <li><a href="#"><img src="upload/图层 7.png" alt=""></a>
                    <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>
                        ￥<i>6608</i>
                        <em>6999</em>
                    </span>
                    <!-- 进度条区 -->
                    <div class="rate">
                        <span class="rate_bfb">已售87%</span>
                        <span class="rate_strip"><i></i></span>
                        <span class="surplus_num">剩余29件</span>
                    </div>
                    <div class="buy_now"><a href="#">立即抢购</a></div>   
                </li>
                <li><a href="#"><img src="upload/图层 7.png" alt=""></a>
                    <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>
                        ￥<i>6608</i>
                        <em>6999</em>
                    </span>
                    <!-- 进度条区 -->
                    <div class="rate">
                        <span class="rate_bfb">已售87%</span>
                        <span class="rate_strip"><i></i></span>
                        <span class="surplus_num">剩余29件</span>
                    </div>
                    <div class="buy_now"><a href="#">立即抢购</a></div>   
                </li>
                <li><a href="#"><img src="upload/图层 7.png" alt=""></a>
                    <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>
                        ￥<i>6608</i>
                        <em>6999</em>
                    </span>
                    <!-- 进度条区 -->
                    <div class="rate">
                        <span class="rate_bfb">已售87%</span>
                        <span class="rate_strip"><i></i></span>
                        <span class="surplus_num">剩余29件</span>
                    </div>
                    <div class="buy_now"><a href="#">立即抢购</a></div>   
                </li>
                <li><a href="#"><img src="upload/图层 7.png" alt=""></a>
                    <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>
                        ￥<i>6608</i>
                        <em>6999</em>
                    </span>
                    <!-- 进度条区 -->
                    <div class="rate">
                        <span class="rate_bfb">已售87%</span>
                        <span class="rate_strip"><i></i></span>
                        <span class="surplus_num">剩余29件</span>
                    </div>
                    <div class="buy_now"><a href="#">立即抢购</a></div>   
                </li>
                <li><a href="#"><img src="upload/图层 7.png" alt=""></a>
                    <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>
                        ￥<i>6608</i>
                        <em>6999</em>
                    </span>
                    <!-- 进度条区 -->
                    <div class="rate">
                        <span class="rate_bfb">已售87%</span>
                        <span class="rate_strip"><i></i></span>
                        <span class="surplus_num">剩余29件</span>
                    </div>
                    <div class="buy_now"><a href="#">立即抢购</a></div>   
                </li>
                <li><a href="#"><img src="upload/图层 7.png" alt=""></a>
                    <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span>
                        ￥<i>6608</i>
                        <em>6999</em>
                    </span>
                    <!-- 进度条区 -->
                    <div class="rate">
                        <span class="rate_bfb">已售87%</span>
                        <span class="rate_strip"><i></i></span>
                        <span class="surplus_num">剩余29件</span>
                    </div>
                    <div class="buy_now"><a href="#">立即抢购</a></div>   
                </li>

                
            </ul>
        </div>
    </section>

    <!-- 尾部区域footer -->
    <footer class="footer">
        <div class="w">
            <!-- 服务模块mod_service -->
            <div class="mod_service">
                <ul>
                    <li>
                        <i class="zhengping"></i>
                        <p><strong>正品保障</strong><br><span>正品保障,提供发票</span></p>
                    </li>
                    <li>
                        <i class="jishu"></i>
                        <p><strong>正品保障</strong><br><span>正品保障,提供发票</span></p>
                    </li>
                    <li>
                        <i class="wuyou"></i>
                        <p><strong>正品保障</strong><br><span>正品保障,提供发票</span></p>
                    </li>
                    <li>
                        <i class="teshe"></i>
                        <p><strong>正品保障</strong><br><span>正品保障,提供发票</span></p>
                    </li>
                    <li>
                        <i class="bangzhuh"></i>
                        <p><strong>正品保障</strong><br><span>正品保障,提供发票</span></p>
                    </li>
                    
                </ul>
            </div>
            <!-- 帮助模块，mod_help -->
            <section class="mod_help">
                <dl> 
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>  
                </dl>
                <dl> 
                    <dt>支付方式</dt>
                    <dd>货到付款</dd>
                    <dd>在线支付</dd>
                    <dd>分期付款</dd>
                    <dd>邮局汇款</dd>
                    <dd>公司转账</dd>
                    <dd>联系客服</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>  
                </dl>
                <dl> 
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>  
                </dl>
                <dl> 
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>  
                </dl>
                <dl> 
                    <dt>购物指南</dt>
                    <dd class="erweima"><img src="images/二维码.jpg" alt=""></dd>
                    <dd>联系客服</dd> 
                </dl>
            </section>
            <!-- 版权模块 ,mod_copyright -->
            <div class="mod_copyright">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li></li>
                    <li><a href="#">联系我们</a></li>
                    <li></li>
                    <li><a href="#">联系客服</a></li>
                    <li></li>
                    <li><a href="#">商家入住</a></li>
                    <li></li>
                    <li><a href="#">销售中心</a></li>
                    <li></li>
                    <li><a href="#">手机优品购</a></li>
                    <li></li>
                    <li><a href="#">友情链接</a></li>
                    <li></li>
                    <li><a href="#">销售联盟</a></li>
                    <li></li>
                    <li><a href="#">优品购社区</a></li>
                    <li></li>
                    <li><a href="#">优品购公益</a></li>
                    <li></li>
                    <li><a href="#">English Site</a></li>
                    <li></li>
                    <li><a href="#">Contact U</a></li>
                </ul>
                <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br>
                    京ICP备08001421号京公网安备110108007702</p>
            </div>
        </div>

    </footer>
    <!-- 尾部区域end -->

</body>
</html>